<template>
  <div>
    <!-- v-if 和 v-show 作用🔔：控制标签的显示与隐藏 -->

    <!-- v-show="布尔值"  true直接显示， false通过display:none隐藏 -->
    <h1 v-show="age >= 18">成年人</h1>
    <h2 v-show="age < 18">未成年人</h2>

    <hr />

    <!-- v-if="布尔值" true时创建标签， false销毁标签或者不创建 -->
    <h3 v-if="age >= 18">成年人</h3>
    <h4 v-if="age < 18">未成年人</h4>
  </div>
</template>

<script>
export default {
  // 快捷键：vdata
  data() {
    return {
      age: 30,
    };
  },
};
</script>

<style></style>
